<!-- 综合看板 -->
<template>
    <div style="margin-left: 30px;margin-top: 10px">
        <div style="margin-bottom: 30px;margin-top: 30px">
            <el-row>
                <el-col :span="16">
                    <span class="main-title">综合看板</span>
                </el-col>
                <el-col :span="8">
                    <el-button-group>
                        <el-button>本周</el-button>
                        <el-button>本月</el-button>
                    </el-button-group>
                </el-col>
            </el-row>
        </div>
        <el-row justify="space-evenly" align="bottom">
            <el-col :span="5">
                <bar-icon :icon="'fac-output'" :height="10"/>
                <div class="title">计划产量</div>
                <el-statistic :value="268500"/>
            </el-col>
            <el-col :span="5">
                <bar-icon :icon="'fac-yield'" :height="10"/>
                <div class="title">实际产量</div>
                <el-statistic :value="268500"/>
            </el-col>
            <el-col :span="5">
                <bar-icon :icon="'fac-ticket'" :height="10"/>
                <div class="title">工单数量</div>
                <el-statistic :value="268500"/>
            </el-col>
            <el-col :span="5">
                <bar-icon :icon="'fac-warning'" :height="10"/>
                <div class="title">不良频率</div>
                <el-statistic :value="268500"/>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import BarIcon from '../icon/BarIcon.vue'

export default {
    components: {BarIcon},

}
</script>

<style scoped>
.title {
    font-size: 15px;
    line-height: 40px;
    color: #999;
}
.main-title{

}

</style>